.modal-form {
  .ant-modal-root {
    height: 100%;
  }

  .ant-modal {
    height: 90%;
    position: absolute;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

    .ant-modal-content {
      height: 100%;

      .ant-modal-body {
        height: calc(100% - 75px);
        overflow-y: auto;
        .ant-pro-table-list-toolbar-inline-menu-item {
          margin-right: 10px;
        }
      }
    }
  }
}

.sub-modal-form {
  .ant-modal {
    top: 50% !important;
    margin-top: -100px;
    position: absolute;
    left: 0;
    right: 0;

    .ant-modal-body {
      height: 126px;
      padding: 20px 12px;

      table {
        width: 100%;
        text-align: center;
        thead {
          background-color: #e4effb;
        }
        td {
          border: 1px solid #d8d8d8;
          padding: 4px;
          .ant-form-item{
            margin-bottom: 0;
            input {
              padding: 4px 0;
            }
          }
        }
      }
    }
  }
}

.menu-wrap {
  display: flex;

  .table-side {
    width: 256px;
    background: #fff;
    border-right: 1px solid #f0f0f0;

    .menu-top {
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #fff;
      padding: 0 10px;
      font-size: 12px;

      .edit {
        color: #247ADD;
        cursor: pointer;
      }
    }
    .ant-menu {
      font-size: 12px;

      .ant-menu-item {
        padding-left: 12px !important;
        height: 24px;
        line-height: 24px;
      }

      .ant-menu-submenu-title {
        padding-left: 12px !important;
        height: 24px;
        line-height: 24px;
      }

      &.ant-menu-sub {
        .ant-menu-item {
          padding-left: 24px !important;
        }
      }

      span.search {
        color: rgb(255, 155, 0);
      }
    }
  }

  .center {
    flex: 2;
  }
}

.ant-table {
  .ant-table-tbody {
    tr.newLine, tr.newLine:hover {
      td {
        background-color: #e3f4fc !important;
      }
    }

  }

}

.category-type-table {
  .ant-card {
    padding: 0
  }
  .ant-pro-table-list-toolbar-container {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }
}
.category-index-table {
  .ant-card {
    padding-top: 8px !important
  }
  ul {
    border: 0 !important
  }
  .menu-wrap {
    height: 100%;
  }
}
